<#assign basePath=site.url>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; UTF-8">
<title>本水轩</title>
<link href="${basePath}bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="${basePath}css/site.css" rel="stylesheet" type="text/css" />
<script src="${basePath}js/jquery-1.11.0.min.js" ></script>
<script src="${basePath}bootstrap/js/bootstrap.min.js" ></script>

<style type="text/css">



body {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-image: url("${basePath}img/bgg.jpg");
}
.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/nav02.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content {
	background-image: url("${basePath}img/contentbg.jpg");
	width: 906px;
	padding-left: 17px;
	padding-right: 17px;
}

.content1 {
	width: 282px;
	float: left;
	background-image: inherit;
}

.content1head {
	background-image: url("${basePath}img/content_left_bg.png");
	background-repeat: no-repeat;
	color: white;
	width: 92px;
	height: 23px;
	padding-left: 15px;
	padding-top: 7px;
	float: left;
}

.content1headmore {
	background-image: url("${basePath}img/content_left_right_bg.png");
	background-repeat: no-repeat;
	color: white;
	width: 42px;
	height: 23px;
	padding-left: 6px;
	padding-top:5px;
	float: right;
	margin-top: 4px;
	margin-right: -8px;
}

.content1content {
	margin-top: 2px;
	clear: both;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	height: 449px;
}

.border-tb {
	border-top-color: #bcbd9d;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #bcbd9d;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.borderdiv {
	background-color: #bcbd9d;
	height: 2px;
}


.content2 {
	width: 406px;
	height: 495px;
	float: left;
	background-image: inherit;
	margin-right: 10px;
	margin-left: 10px;
	
}

.content2content1 {
	background-image: url("${basePath}img/di02.jpg");
	width: 406px;
	height: 225px;
	margin-top: 25px;
	position: relative;
	overflow: hidden;
	
}

.content2content1 span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 100px;
}

.content2img {
	width: inherit;
	height: inherit;
	position: relative;
	left: -50%;
	top: -50%;
}

.content2content2 {
	width: 406px;
	height: 100px;
	margin-top: 8px;
	
}

.content2content2content {
	clear: both;
	width: 403px;
	height: 77px;
	padding-top: 10px;
	padding-right: 3px;
}

.content2content3 {
	width: 406px;
	height: 100px;
	margin-top: 20px;
	
}

.content2content3content {
	clear: both;
	width: 403px;
	height: 66px;
	padding-top: 10px;
	padding-right: 3px;
}

.content3 {
	width: 197px;
	height: 495px;
	float: left;
	background-image: inherit;
}

.content3content1 {
	width: 197px;
	height: 224px;
	clear: both;
}

.content3content1content {
	clear: both;
	height: 200px;
	width: 192px;
	padding-top: 5px;
	padding-right: 5px;
}

.content3content2 {
	width: 197px;
	height: 231px;
	margin-top: 20px;
}

.content3content2content {
	clear: both;
	height: 204px;
	width: 197px;
	padding-top: 5px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	text-align: center;
}

.hezuo {
	margin-top: 0px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 924px;
}

.hezuohead {
	background-image: url("${basePath}img/hezuobg.png");
	background-repeat: no-repeat;
	height: 29px;
	width: 924px;
}

.hezuoheadtext1 {
	color: white;
	float: left;
	margin-left: 25px;
	margin-top: 5px;
}

.hezuocentent {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	height: 83px;
	width: 906px;
	padding-top: 15px;
}


.nav1 {
	margin-left: 43px;
}



img {
	border: none;
}
.foot {
	background-image: url("${basePath}img/foot_bg.jpg");
	width: 940px;
	height: 116px;
}
.headinfo{
position: absolute;width: inherit;z-index: 5;
}
.headcontent{
margin-top:0px;position: absolute;width: inherit;top: 20px;z-index: 1;

}
.mt1{
margin-top: 1px;
}
.mb1{
margin-bottom: 2px;
}
.didiwenben{
background-image: url("${basePath}img/diwenben.png");
}
.dibiaoti{
background-image: url("${basePath}img/dibiaoti.png");
}
<link href="${basePath}css/site.css" rel="stylesheet" type="text/css" />
</style>
</head>
<body>
	<#include "headimg.html">
	<#include "nav.html">
	<div class="content">
		<div>
			<div class="content1" style="height: 495px;position: relative;">
			    <div class="headinfo">
					<div class="content1head">新闻动态</div>
					<div class="content1headmore">更多</div>
					<div class="clear"></div>
				</div>
				<div  class="headcontent">
					<div class="borderdiv mb1" ></div>
					<div class="content1content didiwenben" >
						
						 <@cms_content_list typeId="1,2,3,4" count='22' titLen='12' orderBy='0' channelOption='1'>
							<#list tag_list as a>
							<li><a href="${a.url}"><div><span class="spanleft">.<@text_cut s=a.title len=titLen append=append/></span><span class="spanright"> [${a.date?string('yyyy-MM-dd')}]</span></div></a></li> </#list>
						</ul>
	                      </@cms_content_list>
					</div>
					<div class="borderdiv mt1" ></div>
				</div>
			</div>
			<div class="content2" >

				<div class="content2content1 ">
				   
                             
                             <div data-ride="carousel" class="carousel slide" id="carousel-example-generic">
						        <ol class="carousel-indicators">
						         <@cms_content_list count='5' orderBy='4'  titLen='18' channelOption='1'  channelId='42'>
						          <#list tag_list as a>
						          <#if a_index==0>
						          <li class="active" data-slide-to="${a_index}" data-target="#carousel-example-generic"></li>
						          <#else>
						          <li class="" data-slide-to="${a_index}" data-target="#carousel-example-generic"></li>
						          </#if>
						          </#list>
                                   </@cms_content_list>
						        </ol>
						        <div class="carousel-inner">
						          <@cms_content_list count='5' orderBy='4'  titLen='18' channelOption='1'  channelId='42'>
						          <#list tag_list as a>
						          <#if a_index=0>
						          <div class="item active">
						          <a href="${a.url}"> <img   src="${a.typeImg!site.defImg}" alt="${a.title}"  style="width: 406px;height: 225px;"/></a>
						          </div>
						          <#elseif a_index<5>
						          <div class="item">
						           <a href="${a.url}"><img   src="${a.typeImg!site.defImg}" alt="${a.title}"   style="width: 406px;height: 225px;"/></a>
						          </div>
						          </#if>						          						          
						          </#list>
                                    </@cms_content_list>
						        </div>
						
						      </div>
				  </div>
				<div class="content2content2" >
					<div style="clear: both; position: relative; width: 406px;">
					     <div class="headinfo">
						<div class="content1head">画廊新闻</div>
						<div class="content1headmore">更多</div>
						<div class="clear"></div>
						</div>
						
						<div class="headcontent ">
						<div class="borderdiv mb1" ></div>
						<div class="content2content2content didiwenben" >
							<ul>
								<@cms_content_list count='3' channelId="1" titLen='20' orderBy='0' channelOption='1'>
						         <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft">.<@text_cut s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li> </#list>
							 </@cms_content_list>
							</ul>

						</div>
						<div class="borderdiv mt1" ></div>
						</div>
					</div>
				</div>
				<div class="content2content3">
					<div style="clear: both; position:relative; ; width: 406px;">
					      <div class="headinfo">
						<div class="content1head">专题讲解</div>
						<div class="content1headmore">更多</div>
						<div class="clear"></div>
						</div>
						<div class="headcontent">
						<div class="borderdiv mb1" ></div>
						<div class="content2content3content didiwenben">
							<ul>
								<@cms_content_list count='3' channelId="1" titLen='20' orderBy='0' channelOption='1'>
						         <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft">.<@text_cut s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li> </#list>
							 </@cms_content_list>
							</ul>

						</div>
						<div class="borderdiv mt1"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="content3">
				<div class="content3content1">
					<div style="clear: both; position: relative;">
					     <div style="width: 197px;" class="headinfo">
						<div class="content1head">艺术家排行</div>
						<div class="content1headmore">更多</div>
						<div class="clear"></div>
						</div>
						<div class="headcontent">
						<div style="width: 197px;" class="borderdiv mb1" ></div>
						<div class="content3content1content didiwenben">
							<ul>
								<@cms_content_list count='10' channelId="86" titLen='15' orderBy='22' channelOption='1'>
						         <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft"><@text_cut s=a.title len=titLen append=append/> </span><span class="spanright">${a.price!'0'}</span></a></li> 
								</#list>
								 </@cms_content_list>
							</ul>

						</div>
						<div class="borderdiv mt1"></div>
						</div>
					</div>
				</div>
				<div class="content3content2"
					style="clear: both; position: relative;;">
					<div class="headinfo">
					<div class="content1head">收藏指南</div>
					<div class="content1headmore">更多</div>
					</div>
					<div  class="headcontent">
					<div class="borderdiv mb1"></div>
					<div class="content3content2content didiwenben">
						<ul>
							<@cms_content_list count='10' channelId="1" titLen='12' orderBy='4' channelOption='1'>
						         <#list tag_list as a>
							<li><a href="${a.url}">.<@text_cut s=a.title len=titLen append=append/></a></li> 
							</#list>
							 </@cms_content_list>
						</ul>

					</div>
					<div class="borderdiv mt1" ></div>
					</div>
				</div>
			</div>
		</div>
		<div class="hezuo">
			<div class="hezuohead">
				<div class="hezuoheadtext1">&nbsp;&nbsp;&nbsp;&nbsp;</div>

			</div>
			<div class="hezuocentent row didiwenben" style="margin-left: 0px;">
			 <@cms_friendlink_list>
             <#list tag_list as link>
				 <a href="${link.domain}" onclick="$.get('${base}/friendlink_view.jspx?id=${link.id}')" target="_blank" class="footrow">${link.name}</a>
			 </#list>
             </@cms_friendlink_list>
			</div>
		</div>
	</div>
	

		<div class="foot">
			<div style="text-align: center; padding-top: 60px;">© 本水轩 |
				粤ICP备12009483号-3  <@process_time/></div>
		</div>
	<script src="${basePath}/plug/slider/js/slider.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	$('#demo01').flexslider({
		animation: "slide",
		direction:"horizontal",
		easing:"swing"
	});
});
</script>
</body>
</html>